<template>
  <div class='home-container'>
    <!-- banner -->
    <Banner />
    <!-- search -->
    <div class='home-search'>
      <Search />
    </div>
    <!-- tabs -->
    <div class='home-tabs'>
      <!-- <div class='home-tabs-left'>
        <el-tree :data='trees' :props='defaultProps'></el-tree>
      </div>-->
      <Classfiy />
      <div class='home-tabs-mid'>
        <Swiper />
      </div>
      <div class='home-tabs-right'>
        <Recommend />
      </div>
    </div>
    <!-- goods -->
    <Goods />
  </div>
</template>
<style>
@import "./index.less";
</style>
<script src="./home.js"></script>
